<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>getOut</title>
        <link href="../css/style.css" rel="stylesheet" type="text/css" />
        <link href="../css/form.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="../lib/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="../lib/knockout-2.0.0.js"></script>
        <script src="../lib/jqueryUI/jquery-ui-1.8.18.custom.js" type="text/javascript"></script>
        <link href="../css/themes/jquery-ui-1.8.18.overcast.css" rel="stylesheet" type="text/css"></link>
        <script type="text/javascript" src="../js/login_functions.js"></script>
    </head>
    <body>
        <div class="rapidxwpr floatholder">
           <?php $activePage="none";  include_once "Header.php"; ?>
            <div id="middle">
                <div id="messages"></div>
                <div id="error"></div>

                <form>
                    <header id="header" class="info">
                        <h2>Your Feedback</h2>
                        <h5>Tell us what you think.</h5>
                    </header>
                    <ul>
                        <li>
                            <div>
                                <span>
                                    <label class="desc">
                                        Rating
                                    </label>
                                </span>
                                <span id="rating"/>
                            </div>

                            <div id="slider" style="margin: 5px;width: 200px;"></div>

                        </li>
                        <li>
                            <label class="desc">
                                Comments
                                <span class="req">*</span>
                            </label>

                            <textarea id="commentBox" type="text" rows = "15" cols = "80" data-bind="value: COMMENT"></textarea>

                        </li>
                        <li>

                            <label class="desc">
                                URI:
                            </label>

                            <input id="uri" type="text" style="width:250px;" data-bind="value: URI"/>

                        </li>
                        <li>
                            <br/>
                            <span>
                                <input class="submit" type="submit" value="Save" data-bind="click: save"/>
                            </span>
                            <span>
                                <input class="submit" type="submit" value="Cancel" data-bind="click: cancel"/>
                            </span>
                            <br/>
                        </li>
                    </ul>
                </form>
                <script type="text/javascript" src="../ViewModel/FeedbackViewModel.js"></script>
            </div>
            <div class="rapidxwpr floatholder">
                <div id="footer" class="clearingfix">
                    <ul class="footermenu">
                        <li><a href="#">Events</a></li>
                        <li><a href="#">Spots</a></li>
                        <li><a href="#">Activities</a></li>
                        <li><a href="#">About</a></li>
                    </ul>
                </div>
            </div>				
    </body>
</html>